{% load static %}
{% load rbac %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}CRM{% endblock %}</title>
    <link rel="shortcut icon" href="{% static 'stark/imgs/luffy-study-logo.png' %}">
    <link rel="stylesheet" href="{% static 'stark/plugins/bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'stark/plugins/font-awesome/css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'stark/plugins/datetimepicker/css/bootstrap-datetimepicker.min.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/commons.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/nav.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/search-group.css' %}">
    <link rel="stylesheet" href="{% static 'stark/css/rbac.css' %}">
    {% block css %} {% endblock %}
</head>

<body>
    <div class="pg-header">
        <div class="nav">
            <div class="logo-area left">
                <a href="#">
                    <img class="logo" src="{% static 'stark/imgs/logo.svg' %}" alt="luffycity">
                    <span style="font-size:18px;">luffycity</span>
                </a>
            </div>


            <div class="left-menu left">
                <a href="#" class="menu-item">资产管理</a>
                <a href="#" class="menu-item">用户信息</a>
                <a href="#" class="menu-item">路飞管理</a>
                <div class="menu-item">
                    <span>使用说明</span>
                    <i class="fa fa-caret-down" aria-hidden="true"></i>
                    <div class="more-info">
                        <a href="#" class="more-item">管他什么菜单</a>
                        <a href="#" class="more-item">实在是编不了</a>
                    </div>
                </div>
            </div>

            <div class="right-menu right clearfix">
                <div class="user-info right">
                    <a href="#" class="avatar">
                        <img class="img-circle" src="{% static 'stark/imgs/default.png' %}" alt="avatar img">
                    </a>
                    <div class="more-info">
                        <a href="#" class="more-item">个人信息</a>
                        <a href="{% url 'logout' %}" class="more-item">注销</a>
                    </div>
                </div>

                <a class="user-menu right">
                    消息
                    <i class="fa fa-commenting-o" aria-hidden="true"></i>
                    <span class="badge bg-success">2</span>
                </a>

                <a class="user-menu right">
                    通知
                    <i class="fa fa-envelope-o" aria-hidden="true"></i>
                    <span class="badge bg-success">2</span>
                </a>

                <a class="user-menu right">
                    任务
                    <i class="fa fa-bell-o" aria-hidden="true"></i>
                    <span class="badge bg-danger">4</span>
                </a>
            </div>
        </div>
    </div>

    <div class="pg-body">
        <div class="left-menu">
            <div class="menu-body">

                    <!--侧边栏-->
                {% multi_menu request %}


            </div>
        </div>

        <div class="right-body">
            <!--
            <div class="form-group">
                <label for="dtp_input2" class="col-md-2 control-label">Date Picking</label>
                <div class="input-group date form_date col-md-5" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                    <input class="form-control" size="16" type="text" value="" readonly>
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                </div>
				<input type="hidden" id="dtp_input2" value="" /><br/>
            </div>
            -->
                <div>
                    {% breadcrumb request %}
                </div>


            {% block content %} {% endblock %}
        </div>
    </div>
    <script type="text/javascript" src="{% static 'stark/js/jquery-3.3.1.min.js' %}" charset="UTF-8"></script>
    <script type="text/javascript" src="{% static 'stark/plugins/bootstrap/js/bootstrap.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'stark/plugins/datetimepicker/js/bootstrap-datetimepicker.min.js' %}" charset="UTF-8"></script>
    <script type="text/javascript" src="{% static 'stark/plugins/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js' %}" charset="UTF-8"></script>
    <script type="text/javascript" src="{% static 'stark/js/rbac.js' %}"></script>
    {% block js %} {% endblock %}
    <script type="text/javascript">
        $('.form_date').datetimepicker({
            language:  'zh-CN',
            sideBySide:true,
            format:'yyyy-mm-dd',
            bootcssVer:3,
            weekStart: 1,
            todayBtn:  1,
            autoclose: true,
            todayHighlight: 1,
            startView: 2,
            minView: "month",
            forceParse: 0,
            pickerPosition:'bottom-left'
    });
    </script>
</body>
</html>